        .info-detail {
            width: 1190px;
            overflow: hidden;
            background-color: #f93751;
            display: block;
        }
        
        .love {
            background-color: #5bc5fb;
            width: 1190px;
            overflow: hidden;
            display: block;
            margin-top: 50px;
        }
        
        .hot {
            width: 1190px;
            overflow: hidden;
            background-color: #6570e2;
            display: block;
            margin-top: 50px;
        }
        
        .love ul li,
        .hot ul li,
        .info-detail ul li {
            height: 300px;
            width: 224px;
            float: left;
            border: 1px solid red;
            margin-top: 10px;
            margin-left: 10px;
            overflow: hidden;
            background-color: #ffffff;
        }
        
        .love .current img,
        .hot .current img,
        .info-detail .current img {
            height: 300px;
            width: 224px;
            border: none;
        }
        
        .love>ul>li a img,
        .hot>ul>li a img,
        .info-detail>ul>li a img {
            height: 200px;
            width: 224px;
            transition: all .2s;
        }
        
        .love>ul>li a span,
        .hot>ul>li a span,
        .info-detail>ul>li a span {
            display: block;
            text-align: center;
            font-size: 20px;
            font-weight: 900px;
            color: black;
            margin: 5px 0;
        }
        
        .love>ul>li em,
        .hot>ul>li em,
        .info-detail>ul>li em {
            overflow: hidden;
            white-space: nowrap;
        }
        
        .love>ul>li .price,
        .hot>ul>li .price,
        .info-detail>ul>li .price {
            color: red;
            text-align: center;
            font-size: 22px;
            font-weight: 600px;
        }
        
        .love ul li del,
        .hot ul li del,
        .info-detail ul li del {
            color: #999999;
            font-size: 12px;
        }
        /* //footer */
        
        .footer-bd ul li,
        .footer-hd ul li {
            float: left;
            margin: 5px 7px;
        }
        
        .footer-hd {
            width: 1000px;
            border-bottom: 1px solid #cccccc;
        }
        
        .footer-swap {
            height: 50px;
            width: 1000px;
            position: relative;
            bottom: -30px;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .pro {
            position: absolute;
            right: 80px;
            bottom: 0;
            color: #cccccc;
        }
        
        .more a::after {
            content: "\e902";
            font-family: 'icomoon';
        }
        
        .info-detail ul li a img:hover {
            margin-left: 8px;
        }
        
        .love ul li a img:hover {
            margin-left: 8px;
        }
        
        .hot ul li a img:hover {
            margin-left: 8px;
        }